/*Note: unsplash.com - free images*/
/*fontawesome.com - free icons to use with web dev*/

/*background color or navbar dark grey*/
	.navbar-inverse{
		background-color: #F08080;
		background-image: linear-gradient(to top right, maroon, yellow);
	}

/*navbar text color*/
	.navbar-inverse .navbar-nav>li>a{
		/*color: orange;*/
		color: white;
	}
/*navbar header color*/
	.navbar-inverse .navbar-header>a{
		color: white;
	}
/*this to ensure that all jumbotrons used in all pages have the same parameters*/
/*jumbotron background and txt color*/
	.jumbotron{
		/*background-color: orange;*/
		/*background-color: #F08080;*/
		background-image: linear-gradient(to bottom left, yellow, maroon);
		opacity: 1.0;
	}
	
	.jumbotron h2{
		color: white;
		/*color: Orange;*/
		opacity: 1.0;
	}
	
	.jumbotron h5{
		color: white;
		/*color: Orange;*/
		opacity: 1.0;
	}
	
/*the .row is to make padding bellow the grid*/
	.row{
		padding-bottom: 1%;
	}
	
/*the .col-sm-6 is to make padding bellow the images*/
	.col-sm-6{
		padding-bottom: 2%;
	}
	.col-sm-3{
		padding: 2%;
	}
	
/*ensure that all img-thumbnail have same parameters in all pages*/
/*the img.---- are needed to specify size of image inside thumbnail*/
	img.img-thumbnail{
		height: 250px;
	    width: 100%;
		opacity: 1.0;
	}
	
	img.img-thumbnail:hover{
		opacity: 0.9;
	}
	
/*container layout of all main pages*/
	.container{
	    padding-right: 15px;
	    padding-left: 15px;
	    margin-right: auto;
	    margin-left: auto;
		
		/* the background gives the background an image to be shown behind the main page
		background: url(C:/Users/rodi_/Documents/zDocs/website/Imgs/PencilBridge.jpg) no-repeat center;
		background-size: contain;*/
	}
/*padding for body of all main pages*/
	body{
	    padding-top:75px;
		background-color: #D3D3D3;
		background-image: linear-gradient( gray, white);
		
	}
	
/*thumbnail of the about page*/
	.thumbnail-img{
		width: 100%;
		height: 100%;
	}
	
	a{
		color: #800020;
	}
	
	textarea{
		width: 340px;
		height: 100px;
	}